.dialog-drawer-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    padding-bottom: 1rem;
    form{
        flex: 1;
    }
    .dialog-drawer-body{
        flex: 1;
        height: calc(100vh - 200px);
        overflow: auto;
    }
}
.dialog-drawer-footer{
    display: flex;
    button{
        flex: 1;
    }
}
.el-drawer__header{
    span:focus{
        outline-width:0 ;
    }
}
.image-picker{
    .avatar{
        width: 60px;
        height: 60px;
    }
    .el-upload {
        border: 1px dashed #d9d9d9;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        width: 60px;
        height: 60px;
    }
    .avatar-uploader-icon {
        font-size: 28px;
        color: #8c939d;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
    }
}
.upload-file-list {

    .upload-file-list-item {
        position: relative;
        border: 1px solid #3490dc;
        padding: 4px;
        width: 146px;
        height: 146px;

        img {
            width: 136px;
            height: 136px;
        }
        .upload-progress-container {
            width: 100%;
            height: 100%;
        }
        .options-container {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            background-color: rgba(0, 0, 0, 0.5);
            .option-item {
                cursor: pointer;
            }
            i {
                font-size: 20px;
                color: #ffffff;
            }
        }
    }
}

